/* CSS Document */

body{padding:0xp; margin:0px;}
img{border:0px;}
.hidden{display:none;}
.topmenu{width:100%; height:160px; float:left; border-bottom:1px solid #ededed; background:#fff; opacity:0.9;}
.topmenu .menu{width:100%; height:160px; margin:0 auto; position:relative;}
.topmenu .menu .logo{width:378px; height:160px; float:left; margin-left:5%;}
.topmenu .menu .logo a{display:block; float:left; margin-left:25%;}
.topmenu .menu .title{width:200px; height:50px; float:left; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; color:#616262; padding-top:14px;}
.topmenu .menu .title .name{width:200px; height:25px; float:left; font-size:16px;}
.topmenu .menu .title .phone{width:200px; height:25px; float:left; font-size:12px;}
.topmenu .menu .nav{width:auto; height:70px; float:right; font-size:16px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;  margin-top:60px; padding-top:20px; margin-right:5%;}
.topmenu .menu .nav a{display:block; width:100px; height:80px; float:left; line-height:80px; cursor:pointer; text-align:center; color:#616262; text-decoration:none; position:relative;}
.topmenu .menu .nav a:hover{background:#f6f6f6;}
.topmenu .menu .nav a .item{width:100px; height:30px; line-height:30px; position:absolute; top:0px; left:0px; text-align:center; color:#cecdcd; font-size:14px;}
.topmenu .menu .phone{width:auto; height:40px; position:absolute; right:5%; top:30px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; font-size:20px;}
.topmenu .menu .phone label{float:left;margin-right:15px;}
.fa-play{width:60px; height:60px; position:absolute; text-align:center; top:40%; left:42%; cursor:pointer}
.navs {width:1000px; margin:0 auto; height:20px; padding-top:180px; }
.navs a{color:#000;}
.navs a:hover{ text-decoration:underline;}
.brand{width:1000px; margin:0 auto; height:550px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;}
.brand .title{width:1000px; height:40px; float:left; font-size:20px; font-weight:bold; color:#6458A4; }
.brand .img{width:500px; height:510px; float:left; overflow:hidden;}
.brand .context{width:490px; height:510px; float:left; line-height:29px; padding-left:10px;}

.work{width:90%; margin-left:5%; height:auto; float:left; margin-bottom:20px;}
.work .title{width:1000px; height:auto; text-align:center; margin:0 auto; margin-top:30px;}
.zuixinzuopin{width:90%; height:auto; float:left; margin-left:5%; cursor:pointer;}
.zuixinzuopin .top{width:100%; height:auto; float:left;}
.zuixinzuopin .top .square1{width:20%; height:auto; float:left;overflow:hidden;}
.zuixinzuopin .top .square2{width:20%; height:auto; float:left;overflow:hidden;}
.zuixinzuopin .top .square3{width:40%; height:auto; float:left;overflow:hidden;}
.zuixinzuopin .top .square4{width:20%; height:auto; float:left;overflow:hidden;}
.zuixinzuopin img{width:100%; height:auto; float:left;}
.zuixinzuopin .bottom{width:100%; height:auto; float:left;}
.zuixinzuopin .bottom .left{width:40%; height:auto; float:left;overflow:hidden;}
.zuixinzuopin .bottom .right{width:60%; height:auto; float:left;}
.zuixinzuopin .bottom .right .righttop .square6{width:33.3%; height:auto; float:left;overflow:hidden;}
.zuixinzuopin .bottom .right .righttop .square7{width:66.7%; height:auto; float:left;overflow:hidden;}

.zuixinzuopin .bottom .right .rightbottom .square8{width:66.5%; height:auto; float:left;overflow:hidden;}
.zuixinzuopin .bottom .right .rightbottom .square9{width:33.5%; height:auto; float:left; overflow:hidden;}
.zuixinzuopin img{transition:all 1s;}
.zuixinzuopin img:hover{-webkit-transform:scale(1.05);-moz-transform: scale(1.05);-o-transform:scale(1.05);}

.jianduan{width:90%; height:auto; float:left; margin-left:5%; background:#a9a9a9;}
.jianduan .item{width:16%; height:auto; float:left; margin-left:5%; overflow:hidden;}
.jianduan .item img{width:100%;}
.jianduan .item img{transition:all 1s;}
.jianduan .item img:hover{-webkit-transform:scale(1.05);-moz-transform: scale(1.05);-o-transform:scale(1.05);}

.news5{width:90%; margin-left:5%; height:500px; float:left; margin-top:20px;}
.news5 .left{width:55%; height:400px;}
.news5 .left .title{width:100%; height:143px; float:left;}
.news5 .left .item{width:100%; height:30px; float:left; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; font-size:16px;}
.news5 .left .item .title{width:80%; height:30px; float:left;}
.news5 .left .item .date{width:20%; height:30px; float:left; text-align:right;}
.news5 .right{width:40%; height:400px; float:right; text-align:right; overflow:hidden;}
.news5 .left .item .title a{color:#3c3c3c;}
.news5 .left .item .title a:hover{color:#f40;}

.product5{width:90%; margin-left:5%; height:auto; float:left; margin-top:30px; margin-bottom:30px;}
.product5 .left{width:24%; height:auto; float:left; }
.product5 .left img{width:100%;}
.product5 .left .line{width:99.5%; height:800px; border-right:2px solid #cdcdcd; margin-top:20px;}
.product5 .right{width:75%; height:800px;  float:left;}
.product5 .right .item{width:29.3%; height:auto; float:left; margin-left:3%; margin-bottom:3%; position:relative;}
.product5 .right .item img{width:100%;}
.product5 .right .item a{display:block; height:auto; float:left;}
.product5 .right .item .title{width:100%; text-align:center; height:30px; line-height:30px; float:left; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;font-size:14px;}
.product5 .right .newline{width:100%; height:30px; float:left; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;font-size:18px;}
.product5 .right .newline .title{width:77%; height:30px; float:left; padding-left:3%;}
.product5 .right .newline .date{width:20%; height:30px; float:left;}
.product5 .right .newline a{color:#3c3c3c;}
.product5 .right .newline a:hover{color:#f40;}

.lianxipanel{width:90%; margin-left:5%; height:200px; float:left; background:#bebdb9; margin-bottom:20px;}
.lianxipanel .lianxi{width:640px; height:200px; margin:0 auto; padding-top:40px;}
.lianxipanel .lianxi .item{width:160px; height:160px; float:left;}


.tui{width:1000px; margin:0 auto; height:600px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;}
.tui .title{width:1000px; height:50px; float:left; font-size:20px; font-weight:bold; color:#6458A4; }
.tui .title .logo{float:left;}
.tui .title .name{float:left; margin-left:200px; padding-top:5px;}
.tui .img{width:500px; height:570px; float:left; text-align:right;}
.tui .context{width:500px; height:570px; float:left; line-height:30px; text-align:center;}

.linian{width:1000px; margin:0 auto; height:600px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; background:url("/img/linian.png")}
.linian .context{width:500px; height:460px; padding-top:110px; float:left; line-height:30px; text-align:left; float:left; margin-left:590px; font-size:14px;}

.imgpanel{width:1000px; margin:0 auto; height:auto;}

.fa-play{width:60px; height:60px; position:absolute; text-align:center; top:40%; left:42%; cursor:pointer;}
.fa-play:hover{opacity:0.7;}
.ptitle{width:1000px; height:20px; padding-top:20px; margin:0 auto; font-size:20px; padding-left:10px; font-weight:bold; color:#6458A4; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;}
a{text-decoration:none;}
/* Div1 */
.Div1{width:1000px;height:auto;margin:10px auto;overflow:hidden;position:relative;}
.Div1_title{height:32px;width:1000px;padding-bottom:3px;background:url(/img/lizi_img001.jpg) repeat-x;}
.Div1_title em{float:left;font-style:normal;line-height:32px;padding-left:13px;font-size:14px;}
.Div1_title span{float:right;display:block;padding:8px 15px 0 0;height: 20px;}
.Div1_title span b , .Div1_title span a{display:block;float:left;}
.Div1_title span b , .Div1_title span b img{width:11px;height:11px;}
.Div1_title span b img{cursor:pointer;}
.Div1_prev{padding:2px 10px 0 0;}
.Div1_next{padding:2px 0 0 0px;}
.Div1_title span a{font-size:12px;background:url(/img/lizi_img005.jpg) no-repeat left center; padding-left:15px;margin-right:10px;}
.Div1_title span a:hover{color:#f34d01;background:url(/img/lizi_img004.jpg) no-repeat left center;}
.Div1_title span a.Div1_title_a1{color:#f34d01;background:url(/img/lizi_img004.jpg) no-repeat left center;}

.Div1_main{padding-top:13px;height:480px;width:10000px;overflow:hidden;position:relative;z-index:1;}
.Div1_main div{width:1000px;height:480px;float:left;}
.Div1_main div span{background:url(/img/lizi_img006.jpg) no-repeat;width:218px;padding:0 16px;height:480px;display:block;float:left;}
.Div1_main div span a{display:block;}
.Div1_main_a1{padding:4px 3px 4px 4px;margin-bottom:4px; overflow:hidden;}
.Div1_main_a1 , .Div1_main_a1 img{height:380px;}
.Div1_main div span b{display:block;padding-left:10px;color:#787878;}
.Div1_main div span p{line-height:20px;padding:0 10px;height:87px;color:#787878;}
.Div1_main_a2{background:url(/img/lizi_img009.jpg) no-repeat;width:77px;height:19px;color:#fff;text-align:center;line-height:19px; font-size:12px; text-decoration:none;
 margin-left:10px;}
.Div1_main_a2:hover{background:url(/img/lizi_img008.jpg) no-repeat;}

.Div1_main div span.Div1_main_span1 .Div1_main_a1{background:url(/img/lizi_img010.jpg) no-repeat;}
.Div1_main div span.Div1_main_span1 b , .Div1_main div span.Div1_main_span1 p{color:#33a0ff;}
.Div1_main div span.Div1_main_span1 .Div1_main_a2{background:url(/img/lizi_img008.jpg) no-repeat;}
.Div1_main div span.Div1_main_span1 .Div1_main_a2:hover{background:url(/img/lizi_img009.jpg) no-repeat;}

.Div1 .Div1_prev1 ,.Div1 .Div1_next1{display:block;width:31px;height:30px;position:absolute;cursor:pointer;z-index:2;top:102px;}
.Div1 .Div1_prev1 img ,.Div1 .Div1_next1 img{width:31px;height:30px;}
.Div1 .Div1_prev1:hover ,.Div1 .Div1_next1:hover{opacity:0.7;.filter:alpha(opacity=70)}
.Div1 .Div1_prev1{left:18px;}
.Div1 .Div1_next1{left:954px;}

.message{width:1000px; margin:0 auto; height:420px; position:relative; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; }
.message .question{font-size:20px; height:35px; font-weight:bold; color:#6458A4;}
.message .question font{font-size:12px; color:#fe436f; font-weight:lighter;}
.message .question .right{float:right; font-size:12px; font-weight:lighter; padding-top:10px;}
.message .hr{border-top: 1px solid #bebebe;border-bottom: 2px solid #f3f3f3;margin-bottom: 15px;font-size: 0;}
.message .line{width:1000px; height:auto; float:left; font-size:14px; padding-top:5px; padding-bottom:5px;}
.message .line .name{width:70px; height:auto; float:left; padding-right:10px;}
.message .line .name font{color:#fe436f; padding-top:3px;}
.message .line .text{width:auto; height:auto; float:left;}
.message .line .text input{border:1px solid #cdcdcd; height:30px; width:300px; padding-left:5px;}
.message .line .text textarea{border:1px solid #cdcdcd; height:100px; width:300px;}
.message .line .text .btn{width:140px; height:40px; background-color:#fe4545; border:0px; font-size:16px; color:#fff; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;}
.message .zhuyi{position:absolute; top:50px; right:0px; width:350px; height:300px; font-size:14px; line-height:24px; color:#4f4e4e;}
.message .zhuyi font{color:#fe4545; font-size:16px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; }
.flexslider {
	margin: 0px auto 10px;
	position: relative;
	width: 100%;
	float:left;
	min-height:600px;
	overflow: hidden;
	zoom: 1;
	margin-top:0px;
	overflow:hidden;
	
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
	overflow:hidden;
}
li{list-style-type:none;}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(/img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(/img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;

	display: block;
}

.footer{width:100%; height:60px; padding: 32px 0 50px 0; float:left; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; border-top:1px solid #ededed;}
.footer .item{width:1000px; height:150px; margin:0 auto; }
.footer .item .list1{width:200px; height:130px; float:left;}
.footer .item .list2{width:320px; height:130px; float:left;}
.footer .item .list3{width:230px; height:130px; float:left;}
.footer .item .list4{width:250px; height:130px; float:left;}
.footer .item .line{width:100%; line-height:25px; font-size:14px; font-family:"微软雅黑"; float:left; color:#5d5c5c;}
.footer .item .bold{font-weight:bold; color:#000;}
.footer .item a{color:#5d5c5c;}


.footer .copyright{width:440px; height:25px; text-align:center;  margin:0 auto; font-size:14px; color:#6c6d6d; }
.footer .copyright a{color:#6c6d6d; text-decoration:none;}
.footer .copyright a:hover{color:#8b8c8c;}
.footer .copyright .bei{float:left;}
.footer .copyright .share{float:left; padding-left:20px; padding-top:3px;}

.guang{width:100%; height:10px; margin-top:160px;}

.product{width:1000px; height:1200px; margin:0 auto; margin-top:15px;}
.product .title{width:1000px; height:35px; float:left; font-weight:bold; color:#4f4e4e; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; font-size:22px;}
.product .hr{border-top: 1px solid #dddbdb;border-bottom: 2px solid #f3f3f3;margin-bottom: 15px;font-size: 0; float:left; width:1000px;}
.product .searchbar{width:220px; height:500px; float:left; margin-bottom:15px; line-height:35px; font-size:13px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; color:#4f4e4e;}
.product .searchbar a{display:block; width:200px; height:20px; line-height:20px; margin-bottom:10px; color:#4f4e4e; text-decoration:none; padding-left:10px;}
.product .searchbar a:hover{color:#f40;}
.product .list{width:760px; height:auto; margin-left:20px;display:inline; float:left; color:#4f4e4e; position:relative; font-size:14px; font-weight:lighter; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;}
.product .list .item{width:320px; height:240px; float:left; margin-left:60px; position:relative;}
.product .list .item .img{width:320px; height:200px; float:left; overflow:hidden;}
.product .list .item .img img{border:0px; width:320px; height:200px;}
.product .list .item .name{width:320px; height:24px; float:left; padding-left:2px; padding-right:2px; padding-top:3px;  font-weight:lighter; overflow:hidden; margin-bottom:5px;}
.product .list .item .name a{color:#3c3c3c; text-decoration:none;}
.product .list .item .name a:hover{color:#f40;}

.product .list .bigitem{width:700px; height:480px; float:left; margin-left:60px; position:relative;}
.product .list .bigitem .img{width:700px; height:440px; float:left; overflow:hidden;}
.product .list .bigitem .img img{border:0px; width:700px; height:440px;}
.product .list .bigitem .name{width:700px; height:24px; float:left; padding-left:2px; padding-right:2px; padding-top:3px;  font-weight:lighter; overflow:hidden; margin-bottom:5px;}
.product .list .bigitem .name a{color:#3c3c3c; text-decoration:none;}
.product .list .bigitem .name a:hover{color:#f40;}

.product .news{width:1000px; height:auto; float:left;}
.product .news .item{width:1000px; height:95px; float:left; margin-top:10px;}
.product .news .item .name{width:1000px; height:35px; float:left;}
.product .news .item .name .title{width:900px; height:35px; float:left;}
.product .news .item .name .title a{color:#6a6a6a;}
.product .news .item .name .title a:hover{text-decoration:underline;}
.product .news .item .name .date{width:100px; height:35px; float:left; font-size:12px; color:#6a6a6a; text-align:right; line-height:35px;}
.product .news .item .brief{width:1000px; height:60px; float:left; font-size:12px; line-height:20px;}
.product .news .item .brief a{color:#a9a9a9; text-decoration:none;}

.product .context{width:1000px; height:400px; margin:0 auto; margin-top:15px; font-size:14px; line-height:25px;}
.product .context font{font-weight:bold;}
.product .keyword{width:200px; height:25px; float:right; margin-top:-4px;}
.product .keyword input{width:190px; height:25px; border:1px solid #cdcdcd; padding-left:10px; line-height:25px;}
.product .search{width:50px; height:29px; float:right;  margin-top:-4px;}
.product .search button{width:50px; height:29px; border:1px solid #cdcdcd; font-size:13px;}

.product .info{width:1000px; float:left; height:700px;}
.product .info .title{width:750px; height:40px; float:left; overflow:hidden; text-align:center; margin-top:20px;}
.product .info .title h2{width:750px; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; font-size:22px; float:left; text-align:center; padding:0px; margin:0px;}
.product .info .brief{width:750px; height:20px; float:left; color:#a9a9a9; font-size:12px; text-align:right;}
.product .info .video{width:750px; height:600px; float:left; text-align:center; margin-top:30px; }


.product .context{width:998px; height:auto; float:left;}
.product .context .title{width:998px; height:auto; float:left; border:1px solid #cdcdcd; background:#f6f6f6;}
.product .context .title .t1{width:998px; height:40px; float:left; border-bottom:1px solid #cdcdcd; position:relative;}
.product .context .title .t1 .name{width:100px; height:41px; position:absolute; left:0px; top:-2px; line-height:40px;  text-align:center; border-top:2px solid #f40; border-right:1px solid #cdcdcd; background:#fff;}
.product .context .title .t2{width:998px; height:auto; padding-top:20px; padding-bottom:40px; background:#fff; float:left;}
.product .context .title .t2 .line{width:220px; height:30px; padding-left:20px; float:left; font-size:12px; font-weight:lighter;}
.product .context .neirong{width:998px; height:auto; float:left;}

.divF34
{
    width:100%;
    height:30px;
    float:left;
    margin-top:20px;
    margin-bottom:20px;
    font-size:12px;
}
.divPG
{
    width:auto;
    height:30px;
    float:left;
}
.divPG1
{
    width:auto;
    height:11px;
    padding:5px;
    float:left;
    margin-left:5px;
    color:#2E6AB1;
    cursor:pointer;
    border:1px solid #9AAFE5;
}
.divPG2
{
    width:auto;
    height:11px;
    padding:5px;
    float:left;
    margin-left:5px;
}
.divPG3
{
    width:100%;
    height:30px;
    text-align:right;
    margin-top:10px;
}
.divPG3 a
{
    text-decoration:none;
}

.panel{width:100%; height:auto; float:left; margin-bottom:20px;}
.video{width:100%; height:auto; margin:0 auto;  color:#616262; font-family:"Gotham","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif;}
.video .title{width:90px; height:35px; float:left; border-bottom:2px solid #44a8f2; font-size:22px; }
.video .list{width:1000px; height:230px; float:left; margin-top:10px; cursor:pointer;}
.video .list .item{width:320px; height:230px; float:left; margin-right:20px; display:inline; margin-bottom:10px; position:relative;}
.video .list .item img{width:320px; height:200px; float:left;}
.video .list .item .name{width:320px; height:30px; line-height:30px; float:left; text-align:left; overflow:hidden;}
.video .list .item .name a{color:#616262;}
.video .list .item .name a:hover{text-decoration:underline;}

.video .item{width:33%; height:auto; float:left; position:relative;}
.video .item img{width:100%; height:auto; float:left;}
.video .item .txt{position:absolute; width:90px; height:35px;  left:20px; bottom:60px; color:#fff; font-size:22px; border-bottom:1px solid #fff;}
.video .item .small{position:absolute; width:80%; height:35px;  left:20px; bottom:20px; color:#fff; font-size:14px; }
.list .item i
{
    position:absolute;
    left:50%;
    top:40%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 24px solid #fff;
    border-bottom: 15px solid transparent;
    transition:border-left 1s;
    
}
.list .bigitem i
{
    position:absolute;
    left:50%;
    top:45%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 24px solid #fff;
    border-bottom: 15px solid transparent;
    transition:border-left 1s;
    
}
.list .item i:hover ,.list .bigitem i:hover    
{
    border-top: 15px solid transparent;
    border-left: 24px solid rgba(255,255,255,.7);
    border-bottom: 15px solid transparent;
    transition:border-left 1s;
}


.video .list .news{width:490px; height:400px; float:left;}
.video .list .news .line{width:490px; height:25px; float:left; }
.video .list .news .line .title{width:430px; height:25px; float:left; border:0px; font-size:16px; overflow:hidden;}
.video .list .news .line .title a{color:#616262;}
.video .list .news .line .title a:hover{text-decoration:underline;}
.video .list .news .line .date{width:50px; height:25px; float:right; text-align:right; color:#cdcdcd;}

.detfoot{width:1000px; float:left; margin-top:20px;}
.detfoot a{color:#000;}
.detfoot a:hover{text-decoration:underline;}

.productpanel{width:100%; height:auto; float:left; margin-top:10px; margin-bottom:20px;}
.productpanel .panel1{width:24.5%; height:auto; float:left; position:relative;}
.productpanel .panel2{width:24.5%; height:auto; float:left; margin-left:0.5%; position:relative;}
.productpanel .panel3{width:25%; height:auto; float:left; margin-left:0.5%; position:relative;}
.productpanel .panel4{width:24.5%; height:auto; float:left; margin-left:0.5%; position:relative;}
.productpanel div img{width:100%;height:100%;}
.productpanel .panel3 .panel31{width:100%; position:relative;}
.productpanel .panel3 .panel32{width:100%; margin-top:2%; position:relative;}
.productpanel .txt{position:absolute; top:47%; width:100%; text-align:center; color:#fff; font-size:25px;}


.imgpanel{width:100%; height:auto; float:left; margin-top:10px; margin-bottom:20px;}
.imgpanel .panel1{width:33%; height:auto; float:left; position:relative;}
.imgpanel .panel2{width:33%; height:auto; float:left; margin-left:0.5%; position:relative;}
.imgpanel .panel3{width:33%; height:auto; float:left; margin-left:0.5%; position:relative;}
.imgpanel div img{width:100%;height:100%;}
.imgpanel .txt{position:absolute; top:47%; width:100%; text-align:center; color:#fff; font-size:25px;}